@import "../../../../src/less/quote/color.less";

.com-switch{
  display: inline-block;
  label{
    display: inline-block;
    cursor: pointer;
    input[type='checkbox']{  display: none;}

    .com-style{
      display: inline-block;
      position: relative;
      min-width:50px;
      height:23px;
      line-height: 23px;
      border-radius: 12px;
      background-color: @cc;
      //transition: all .3s;
      padding-left:24px;
      padding-right:8px;
      color:@cf;
      font-size: 14px;

      &:after{
        content: "";
        position: absolute;
        top: 2.5px;
        left: 3px;
        border-radius: 100%;
        transition: all .3s;
        width: 18px;
        height: 18px;
        background-color: #fff;
      }
    }

  }
  .box-add{
    i{
      padding-left:7px;
      padding-right:26px;
      background-color: @com-main-a;
      &:after{
        left: 100%;
        margin-left: -20px;
      }
    }
  }

}